@mixin create-card-themes($colors: $md-colors) {
  .card-default {
    color: $gray-900;
    background-color: white;
    p {
      font-size: 12px;
      color: $secondary;
    }
    @include hover-focus {
      color: $gray-900;
    }
  }
  @each $color in map-keys($md-colors) {
    .card-#{$color} {
      color: white;
      background-color: map-get($md-colors, $color);
      p {
        font-size: 12px;
        color: map-get($md-colors-100, $color#{-100});
      }
      @include hover-focus {
        color: white;
      }
    }
  }
}